.select {
  position: relative;
  font-size: 14px;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s;
  width: 222px;
  height: 40px;
  border-color: #fff;
  color: #333;
  border-color: #dcdfe6;
  line-height: 40px;
}
.select label {
  display: inline-block;
  width: 91%;
}
.select label:hover {
  cursor: pointer;
}
.select label span {
  vertical-align: top;
  display: inline-block;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select label i {
  font-size: 14px;
  color: #ccc;
  margin-left: 5px;
  opacity: 0;
}
.select label i:hover {
  color: #ff5650;
  cursor: pointer;
}
.select:hover {
  border-color: #409eff !important;
}
.select > #choose_icon {
  float: right;
}
.select .choose {
  position: absolute;
  left: 0;
  margin-top: 5px;
  display: none;
  width: max-content;
  background-color: #fff;
  z-index: 9;
}
.select .choose .choose-hide {
  border: 1px solid #e4e7ed;
  border-right: 0;
  min-width: 180px;
  width: auto;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  display: inline-block;
}
.select .choose .class {
  width: 140px; /* 第一层级的宽度 */
  height: 200px;
  border-right: 1px solid #e4e7ed;
  display: inline-block;
  overflow-y: auto;
}

.select .choose .city {
  width: 140px; /* 第二层级的宽度 */
  height: 200px;
  border-right: 1px solid #e4e7ed;
  display: inline-block;
  overflow-y: auto;
}

.select .choose .area {
  width: 130px; /* 第三层级的宽度 */
  height: 200px;
  display: inline-block;
  overflow-y: auto;
}
/*.select .choose .city,*/
/*.select .choose .area {*/
/*  display: none;*/
/*}*/
.select .choose ul {
  padding: 0;
}
.select .choose ul > li {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 5px 0 5px;
  outline: none;
  overflow-y: auto;
  justify-content: space-between;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 40px;
}
.select .choose ul > li:hover {
  cursor: pointer;
  color: #409eff;
}
.select .avtive {
  color: #409eff;
}
@font-face {
  font-family: "iconfont";
  src: url('//at.alicdn.com/t/font_1909234_iur9j5lbr38.eot?t=1594004362721');
  /* IE9 */
  src: url('//at.alicdn.com/t/font_1909234_iur9j5lbr38.eot?t=1594004362721#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAOYAAsAAAAACBQAAANKAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDKgqDOIJ2ATYCJAMUCwwABCAFhG0HSxv9BsgusG3Yk7DGZTeOG6CIzxYMAMTD0379zh3ZnS9uuIZiGi008qdBIkVCJAX6o8Qd1KlKAeCT3Td8FpgNkqOQXEUpMH4E274+1/YRXMA8fN7e/v6NBjJbEWfUZYGkWaA5xyUI7Tk45DDSwDCx1gGw/7mcNsEPW9/Ochlr2piLegHGWRaPsbFNViCJesPYTZQHcZ7AsHVGhq20uhmEKcC0QBxEk0BYyqooWqAJvZK1KR5Vi1/pJX7z78fnSoSR1ArMffa1RAX53XZHnh6c+0QxOOMZoW0i4xRQiL3U/Flg6D0VaNgZHOQWoGkSY/nbMRhIuHH3Im7wD4+QZIVoQPwoeCT5Cl0wStAVJdENJdPBfSmXVDCMPr4D/kjy1TFFARWjA8yMa2yt5c0bhEy/ev0aWX3z9i0y8/bdu+e0vf7W/OZ7y7ufbW9/tKv7q/czqdrR2t20jA6mb1dT8OHMw5pS5DpNVeRDkp56dJOMDk6Sxmpclymd7fuiMEXGasKuZgyq7OiKhMm1QrV4HgzM72oU64WxMaFebHxCDMaImtcLjeJTSUpn3odiBn2Ayk2EH6cGN42OHqeL6Sss5CQ9I31OVIUrScmx9BzAvx2lJYSOhP4p/9wnCcvyoWg4XloBl38Ej6QJ+tEfXQqEQkUbDOK9cwz+39fcAi5KbzqHvIQNIK9h/4u/Mf+25awvNvtvkQX8c6s8Z3BeQL74FZzWnH/GaVlVXB7Q1LTLMdu2VPcTYRKGoY5/FWTa13Gkc63jCc1cDEnfGmTNLrYQT6EacQ16mocw7ETZ5hEzmECRQzi2IECY9AKScX8hm/QKW4hfoJr3H3omIxCGvYnEPUfsB4koYkjiSIXyCCQK9WKk4xFBYiPS/G6JJXmc1IqYjzigzWzNBsqQF7ExFvgGNTvnGGJGPbBUuAy53RTqjDqRws0OzvVMiwWXvcmsUA+I8BSDSDhEBclGQISC8sK0PheR+3wjROPnJmE1FR36VgjjQ1qHbMysLbBlYm+rimu5xmeQxo7jMAhjKA+oVDAibuilIL18lBOi4MwcPdy6TBapFm4rNs8v9TzjBhgG9qwlRY4SNXr6p0PyKg5/CGYMRUFCkkOpf4AEDxPJLQEAAAA=') format('woff2'), url('//at.alicdn.com/t/font_1909234_iur9j5lbr38.woff?t=1594004362721') format('woff'), url('//at.alicdn.com/t/font_1909234_iur9j5lbr38.ttf?t=1594004362721') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('//at.alicdn.com/t/font_1909234_iur9j5lbr38.svg?t=1594004362721#iconfont') format('svg');
  /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-shanchu:before {
  content: "\e690";
}
.icon-fanhui:before {
  content: "\e6a7";
}
.icon-shouqi:before {
  content: "\e6a9";
}
.icon-xiala:before {
  content: "\e6aa";
}
